<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 引入外部样式表 -->
    <link rel="stylesheet" href="css/main.css">
</head>

<body>
    <div class="container">
        <!-- 头部 -->
        <div class="home-header">
            <img src="img/home-search-text.png" alt="">
            <!-- 创建一个表单 (用户输入数据的地方) -->
            <form>
                <input type="text">
                <button>搜索</button>
            </form>
        </div>
        <!-- 分类 -->
        <div class="home-categories">
            <!-- 列表 -->
            <dl>
                <dt>
                    <img src="img/technology.png" alt="">
                    <diV>技术</diV>
                </dt>
                <dd>
                    <a href=""class="tag">Java</a>
                    <a href=""class="tag">PHP</a>
                    <a href=""class="tag">Wab前段</a>
                    <a href=""class="tag">数据挖掘</a>
                    <a href=""class="tag">C++</a>
                    <a href=""class="tag">Python</a>
                    <a href=""class="tag">Android</a>
                    <a href=""class="tag">iOs</a>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="img/technology.png" alt="">
                    <diV>产品</diV>
                </dt>
                <dd>
                    <a href=""class="tag">产品经理</a>
                    <a href=""class="tag">产品助理</a>
                    <a href=""class="tag">网页产品经理</a>
                    <a href=""class="tag">数据产品经理</a>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="img/technology.png" alt="">
                    <diV>设计</diV>
                </dt>
                <dd>
                    <a href=""class="tag">ui设计师</a>
                    <a href=""class="tag">平面设计师</a>
                    <a href=""class="tag">交互设计师</a>
                    <a href=""class="tag">设计总监</a>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="img/technology.png" alt="">
                    <diV>市场</diV>
                </dt>
                <dd>
                    <a href=""class="tag">市场营销</a>
                    <a href=""class="tag">商务渠道</a>
                    <a href=""class="tag">品牌公关</a>
                    <a href=""class="tag">市场总监</a>
                    <a href=""class="tag">策划经理</a>
                    <a href=""class="tag">活动策划</a>
                    <a href=""class="tag">seo</a>
                    <a href=""class="tag">sem</a>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="img/technology.png" alt="">
                    <diV>运营</diV>
                </dt>
                <dd>
                    <a href=""class="tag">用户运营</a>
                    <a href=""class="tag">产品运营</a>
                    <a href=""class="tag">新媒体运营</a>
                    <a href=""class="tag">运营总监</a>
                    <a href=""class="tag">商家运营</a>
                    <a href=""class="tag">客服经理</a>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="img/technology.png" alt="">
                    <diV>职能/高级管理</diV>
                </dt>
                <dd>
                    <a href=""class="tag">人力资源</a>
                    <a href=""class="tag">行政</a>
                    <a href=""class="tag">财经</a>
                    <a href=""class="tag">会计</a>
                    <a href=""class="tag">组织p</a>
                </dd>
            </dl>
        </div>

        <!-- 底部 -->
        <div class="home-footer">
            <p>违法和不良信息举报邮箱：jubao@kanzhun.com</p>
            <p>企业服务热线和举报投诉：400 065 5799</p>
        </div>
    </div>

</body>

</html>